$hint-color: (
    "note": #448aff,
    "abstract": #00b0ff,
    "info": #00b8d4,
    "tip": #00bfa5,
    "success": #00c853,
    "question": #64dd17,
    "warning": #ff9100,
    "failure": #ff5252,
    "danger": #ff1744,
    "bug": #f50057,
    "example": #7c4dff,
    "quote": #9e9e9e
);

$hint-filter: (
    "note":     invert(42%) sepia(94%) saturate(0639%) hue-rotate(188deg) brightness(102%) contrast(101%),
    "abstract": invert(47%) sepia(96%) saturate(2286%) hue-rotate(171deg) brightness(105%) contrast(106%),
    "info":     invert(73%) sepia(45%) saturate(6484%) hue-rotate(147deg) brightness(094%) contrast(102%),
    "tip":      invert(54%) sepia(58%) saturate(3615%) hue-rotate(138deg) brightness(099%) contrast(103%),
    "success":  invert(52%) sepia(63%) saturate(1323%) hue-rotate(104deg) brightness(094%) contrast(104%),
    "question": invert(85%) sepia(43%) saturate(7465%) hue-rotate(056deg) brightness(119%) contrast(082%),
    "warning":  invert(55%) sepia(77%) saturate(1885%) hue-rotate(001deg) brightness(103%) contrast(103%),
    "failure":  invert(53%) sepia(63%) saturate(4747%) hue-rotate(330deg) brightness(102%) contrast(103%),
    "danger":   invert(23%) sepia(92%) saturate(5193%) hue-rotate(339deg) brightness(102%) contrast(102%),
    "bug":      invert(17%) sepia(72%) saturate(7372%) hue-rotate(331deg) brightness(093%) contrast(108%),
    "example":  invert(30%) sepia(42%) saturate(3381%) hue-rotate(240deg) brightness(103%) contrast(103%),
    "quote":    invert(69%) sepia(00%) saturate(0028%) hue-rotate(255deg) brightness(091%) contrast(091%)
)